/*
 * @Author: Xiyw 
 * @Date: 2020-03-31 16:43:31 
 * @Last Modified by: Xiyw
 * @Last Modified time: 2020-04-26 23:00:16
 */
 /* 头部导航 */
.header-nav{
  width:1349px;
  height: 38px;
  line-height: 38px;
  background-color: #394043;
  font-size:12px;
  font-weight: lighter;
  margin:0 auto;
}
.header-nav .hn_content{
  width: 1150px;
  margin:0 auto;
  /* 清除浮动 */
  overflow: hidden;
}
.hn_content .hn_content_left{
  float:left;
  width:654px;
  /* flex布局 */
  display: flex;
  justify-content: space-between;
  color:#a9abab;
}
.hn_content .hn_content_left>a>div{
  color:#a9abab;
  cursor:pointer;
}
.hn_content .hn_content_left>a:nth-of-type(2)>div{
  color:#fff;
}
.hn_content .hn_content_left>a>div:hover{
  color:#fff;
}
.hn_content_left>div{
  cursor: pointer;
}
.hn_content_left>div:hover{
  color: #fff;
}
.hn_content_left>div:nth-child(2){
  color:#fff;
}
.hn_content .hn_content_right{
  float:right;
  width:231px;
  display: flex;
  justify-content: space-between;
  color:#fff;
}
.hn_content_right>div i{
  width: 12px;
  height: 12px;
  display: inline-block;
  /* 这里的路径是相对于当前index.css的路径 */
  background-image: url('../images/sprite-esf.png');
  position:relative;
  top:1.2px;
  margin-right:5px;
}
.hn_content_right>div:first-child i{
  background-position: -554px -173px;
}
.hn_content_right>div:nth-child(2) i{
  background-position: -495px -220px;
}
.hn_content_right>div:first-child span{
  cursor: pointer;
}
.hn_content_right>div:first-child span:hover{
  text-decoration: underline;
}
/* 头部搜索 */
.header{
  width:1349px;
  margin: 0 auto;
  background-color: #f5f5f6;
  padding:25.5px 0 26px;
}
.header_container{
  margin:0 auto;
  width: 1150px;
  height: 102px;
}
.header_list{
  /* 清除浮动 */
  overflow: hidden;
}
/*总 103px+342px-30px+34px= 449 */ 
.list_left{
  float: left;
  width: 449px;
  /* 清除浮动 */
  overflow: hidden;
}
/* 左 103   左浮动*/
.list_left_logo{
  width: 103px;
  height: 32px;
  background-image: url('../images/sprite-esf.png');
  background-position: -120px -284px;
  float: left;
}
/* 右 342-30=312  右浮动  内部flex布局 */
.list_left_content{
  width:312px;
  float: right;
  display: flex;
  justify-content: space-between;
  line-height: 32px;
  margin-top:1.5px;
}
.list_left_content>div{
  cursor: pointer;
}
.list_left_content>a:first-of-type>div{
  color: #00ae66;
}
.list_left_content>a:nth-of-type(2)>div{
  color: #333;
}
.list_right{
  float: right;
}
/* 光标到父元素的时候，第二个子元素显示 */
.list_right:hover .list_right_qrshow{
  display: block;
}
.list_right>div:first-child i{
  width: 14px;
  height: 18px;
  display: inline-block;
  margin-right:4.5px;
  margin-top:8px;
  background-image: url('../images/sprite-esf.png');
  background-position: -399px -220px;
}
.list_right>div:first-child span{
  position: relative;
  top:-3px;
  cursor: pointer;
}
.list_right>div:first-child:hover span{
  text-decoration: underline;
}
.list_right_qrshow{
  /* 设置内部文本水平居中 */
  text-align: center;
  width:196px;
  height: 234px;
  /* 设置IE盒子 */
  box-sizing: border-box;
  padding:28px;
  display: none;
  /* 脱离文档流 */
  position: absolute;
  /* 调整位置 */
  margin-left:-48px;
  box-shadow: 0 0 6px rgba(13,4,9,0.2);
  background-color: #fff;
}
.list_right_qrshow img{
  width: 124px;
  height: 124px;
  /* 设置img水平居中 */
  margin:0 auto;
}
.list_right_qrshow>div:nth-child(2){
  font-size: 12px;
  margin-top:22px;
  font-weight: bold;
}
.list_right_qrshow>div:nth-child(3){
  color:#999;
  margin-top:8px;
  font-size: 12px;
}
/* 搜索框 */
.header_search{
  width:710px;
  height: 45px;
  padding:0px 22px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  margin-top:23.5px;
  /* 给内部子元素提供定位参考 */
  position: relative;
}
/* 710-44-20   690-44   646 */
.header_search input{
  width:640px;
  height: 45px;
  border:none;
}
/* input聚焦的时候选中兄弟元素.search-show 显示*/
.header_search input:focus+*{
  display: block;
}

.header_search .search-show{
  width:710px;
  line-height: 42px;
  font-size:14px;
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  display: none;
  /* 脱离文档流 */
  position: absolute;
  left:0;
  top:45;
  z-index: 2;
}
.search-show .search-show_wrap{
  cursor: pointer;
}
.search-show .search-show_wrap:first-child{
  color: #849aae;
  background-color: #f4f7f9;
}
.search-show .search-show_wrap:hover{
  background-color: #f9f9f9;
}
.search-show .search-show_wrap>div{
  padding: 0 21px;
}
.header_search i{
  width: 17px;
  height: 17px;
  display: inline-block;
  background-image: url('../images/sprite-esf.png');
  background-position: -589px -96px;
  position: relative;
  top:4px;
  left:9.5px;
  cursor: pointer;
}
/* 内容(筛选条件+房源展示) */
.content-article{
  width: 1150px;
  margin:0 auto;
}
/* 房源筛选条件 */
.content-article .filter-section{
  height: 270px;
  background-color: #fbfbfb;
  box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.2);
  margin-top:26px;
  margin-bottom:26px;
  padding:14px 25px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 27px;
}
.filter-section .filter_title{
  font-weight: bold;
  width: 46.2px;
  display: inline-block;
}
.filter-section .filter_item{
  width: 130px;
  padding-right:27px;
  line-height: 27px;
  display: inline-block;
  position: relative;
  top:2px;
  color: #394043;
  cursor: pointer;
}
.filter-section .filter_item>div{
  display: inline-block;
  width:10px;
  height:10px;
  background-color: #F6F6F7;
  border:1px solid #C7CED1;
}
.filter-section .filter_item>span{
  line-height: 27px;
  position: relative;
  top:-2px;
  left: 3px;
}
.filter_position .filter_area{
  display:inline-block;
  height: 27px;
  color:#00ae66;
  margin-right:26px;
  line-height: 27px;
  cursor: pointer;
}
.filter_position .filter_area:hover{
  text-decoration: underline;
}
.filter_position .filter_area>i{
  display:inline-block;
  width:10px;
  height:5px;
  margin-left: 6px;
  vertical-align: 2px;
  background-image: url(../images/sprite-esf.png);
  background-position: -474px -164px;
}
.filter_position .filter_subway{
  display:inline-block;
  height: 27px;
  color:#394043;
  line-height: 27px;
  cursor: pointer;
}
.filter_position .filter_subway:hover{
  text-decoration: underline;
}
.filter_position .filter_subway>i{
  display:inline-block;
  width:10px;
  height:5px;
  margin-left: 6px;
  vertical-align: 2px;
  background-image: url(../images/sprite-esf.png);
  background-position: -484px -164px;
}
.filter-section .filter_position-detail{
  margin:18px 0;
  padding:5px 0;
  line-height: 27px;
  border-top:1px solid #f1f1f1;
  border-bottom:1px solid #f1f1f1;
}
.filter_position-detail>span{
  display:inline-block;
  line-height: 27px;
  margin-right:13.5px;
  color:#394043;
  cursor: pointer;
}
.filter_position-detail>span:hover{
  text-decoration: underline;
}
.filter_position-detail>span:first-child{
  margin-left:49.5px;
}
.filter_type_area{
  position: relative;
  top:-3.0833px;
}
.filter_type_label{
  position: relative;
  top:-3.0833px;
}
.filter_show_all{
  float:right;
  line-height: 27px;
  color:#a7a8a9;
  cursor: pointer;
}
.filter_type_more{
  width:200px;
  margin:0 auto;
  padding:10px 0;
  color:#a7a8a9;
  text-align: center;
  cursor: pointer;
}
.filter_type_more>span i{
  width:8px;
  height:4px;
  margin-left: 7px;
  display: inline-block;
  vertical-align: 3px;
  background-image: url(../images/sprite-esf.png);
  background-position: -494px -164px;
}
/* 内容主体 */
.content-article .content-main{
  /* 清除浮动 */
  overflow: hidden;
}
/* 左侧房源展示 */
.content-main .content-left{
  width: 910px;
  /* 只是参考，将来删除 */
  /* height:1000px; */
  float: left;
}
.content-left .content-header{
  border-bottom:2px solid #00ae66;
  /* 清除浮动 */
  overflow: hidden;
}
.content-header .content-header_left{
  float: left;
  display: flex;
}
.content-header_left>div{
  width: 110px;
  line-height: 47.5px;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
}
/* .content-header_left>div:first-child,.content-header_left>div:hover{ */
.content-header_left>div:first-child{
  background-color: #00ae66;
  color: #fff;
}
.content-header .content-header_right{
  float: right;
}
.content-header_right i{
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url('../images/sprite-esf.png');
  cursor: pointer;
}
.content-header_right i:first-child{
  background-position: -494px -173px;
}
.content-header_right i:nth-child(2){
  background-position: -482px -173px;
  margin-top: 18px;
  margin-left:10px;
}
.content-left .content-total{
  line-height: 56px;
  font-size: 22px;
  font-weight: bold;
  color: #394043;
}
.content-total span{
  color: #00ae66;
  margin:0 5px;
  font-family: 'tahoma';
}
/* 房源展示 */
/* .content-left .content-detail{

} */
/* 一个房源 */
.content-detail .content-detail_item{
  padding:35px 0;
  overflow: hidden;
  border-top:1px solid #f1f1f1;
}
/* 光标悬停在某一个房源的时候，已加入对比和关注显示 */
.content-detail_item:hover .right_title_right{
  display: block;
}
.content-detail_item .detail_item_left{
  float: left;
  width: 232px;
}
.detail_item_left>img:first-child{
  width: 232px;
  height: 174px;
}
.detail_item_left>img:nth-child(2){
  width: 45px;
  height: 45px;
  margin-top:-53px;
  margin-left:8px;
}
.content-detail_item .detail_item_right{
  float: right;
  width: 640px;
  position: relative;
}
/* 第一行 */
.detail_item_right .right_title{
  margin-top:-6px;
  overflow: hidden;
}
.right_title .right_title_left{
  float: left;
}
/* 第一行的左侧 */
.right_title_left span:first-child{
  font-size: 22px;
  font-weight: bold;
  color: #394043;
  cursor: pointer;
}
.right_title_left span:first-child:hover{
  color:#00ae66;
}
/* 第一行  必看好房 */
.right_title_left span:nth-child(2){
  background-color: #D53C3C;
  font-size: 12px;
  display: inline-block;
  line-height: 21px;
  padding:0 5px;
  color: #fff;
  position: relative;
  top:-3px;
}
/* 第一行的右侧 */
.right_title .right_title_right{
  float: right;
  margin-top:3px;
  /* 默认隐藏 */
  display: none;
}
.right_title_right span{
  padding: 0 7px;
  border:1px solid #dddddd;
  line-height: 23px;
  display: inline-block;
  font-size: 12px;
  color: #a9abab;
  border-radius: 2px;
  cursor: pointer;
}
.right_title_right span:hover{
  border-color:#ccc;
  color:#394043;
}
.right_title_right span:first-child{
  margin-right: 5px;
}
/* 第二行，第三行，第四行 */
.right_address,.right_detail,.right_coll{
  font-size:14px;
  margin-top:11px;
  color: #616669;
}
.right_address{
  color:#394043;
}
.right_address>span span{
  cursor: pointer;
}
.right_address>span span:hover{
  text-decoration: underline;
}
.right_detail{
  margin-top:13px;
}
.detail_item_right i{
  background-image: url('../images/sprite-esf.png');
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top:1px;
}
.right_address i{
  width: 13px;
  height: 15px;
  background-position: -398px -238px;
}
.right_detail i{
  width: 14px;
  height: 14px;
  background-position: -441px -220px;
}
.right_coll i{
  width: 15px;
  height: 14px;
  background-position: -552px -130px;
}
/* 第五行 */
.right_label{
  margin-top: 18px;
}
.right_label>span{
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  padding:0 11px;
  margin-right: 1px;
}
.right_label>span:first-child{
  background-color:#f4f7f9;
  color:#849aae;
}
.right_label>span:nth-child(2){
  background-color:#ffece8;
  color:#FF8062;
}
.right_label>span:nth-child(3){
  background-color:#e1f5ed;
  color:#33BE85;
}
/* 总价和单价 */
.right_sales{
  position: absolute;
  right:0;
  top:40px;
  text-align: right;
}
.right_sales>div:first-child{
  color: #db4c3f;
  font-size: 14px;
}
.right_sales>div:first-child span{
  font-size:26px;
  font-weight: bold;
  font-family: 'tahoma';
  margin-right: 5px;
}
.right_sales>div:nth-child(2){
  font-size:12px;
  color:#394043;
  margin-top:5px;
}
.content-detail>div:last-child{
  padding:35px 0 45px 0;
  border-bottom:1px solid #f1f1f1;
}
/* 分页 */
.content-page{
  width:910px;
  height:30px;
  margin-top:50px;
  padding:30px 0;
}
.content-page_left{
  float: left;
  font-size: 12px;
  color:#aaa;
}
.content-page_left>span{
  cursor: pointer;
}
.content-page_left>span:hover{
  text-decoration: underline;
}
.content-page_right{
  float:right;
}
.content-page_right>div{
  display: inline-block;
  height:30px;
  padding:0 12.5px;
  line-height: 30px;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  background-color: #f5f5f5;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#555;
  cursor: pointer;
}
.content-page_right>div:first-child{
  background-color: #394043;
  color:#fff;
  cursor:default
}
.content-page_right>div:first-child>span:hover{
  text-decoration: none;
}
.content-page_right>div:last-child,.content-page_right>div:nth-child(2),.content-page_right>div:nth-child(3),.content-page_right>div:nth-child(5){
  padding:0 12px;
}
.content-page_right>div:nth-child(4){
  padding:0;
  margin:0 8px 0 9px;
  font-size:16px;
  color:#333;
  background-color: #fff;
  cursor:text;
}
.content-page_right>div:nth-child(4)>span{
  text-decoration: none;
}
.content-page_right>div>span:hover{
  text-decoration: underline;
}
/* 右侧推荐信息等 */
.content-main .content-right{
  width: 180px;
  height:1000px;
  float: right;
}
.content-right .content_right_map{
  width:180px;
  height:157px;
  padding-top:18px;
  padding-bottom:35.5px;
  border-bottom:1px solid #eeeeee;
}
.content-right .content_right_map>i{
  display: block;
  width:110px;
  height:73px;
  margin:21px 35px 0 35px;
  background-image: url(../images/sprite-esf.png);
  background-position: -261px -124px;
}
.right_map_bottom {
  width:100%;
  height:36px;
  margin-top:26px;
  text-align:center;
  font-size:12px;
  line-height: 36px;
  background-color: #4285f4;
  color:#fff;
  cursor: pointer;
}
.right_map_bottom:hover{
  background-color: #3f81eb;
}
.content_right_rmwd{
  padding:35.5px 0;
  border-bottom:1px solid #eeeeee;
}
.content_right_rmwd .right_rmwd_title{
  color:#394043;
  font-size: 16px;
  font-weight: bold;
}
.content_right_rmwd .right_rmwd_content{
  font-size:12px;
  margin:12px 0;
}
.content_right_rmwd .right_rmwd_content>div:first-child{
  cursor: pointer;
}
.content_right_rmwd .right_rmwd_content>div:first-child:hover{
  text-decoration: underline;
}
.content_right_rmwd .right_rmwd_content>div:nth-child(2){
  color:#ccd0d1;
  margin-top:8px;
}
.content_right_rmbk{
  padding:35.5px 0;
  border-bottom:1px solid #eeeeee;
}
.content_right_rmbk .right_rmbk_title{
  overflow: hidden;
}
.right_rmbk_title .rmbk_title_left{
  color:#394043;
  font-size:16px;
  font-weight: bold;
  float:left;
}
.right_rmbk_title .rmbk_title_right{
  font-size: 14px;
  color:#666;
  float:right;
  font-weight:bold;
  cursor:pointer;
}
.right_rmbk_title .rmbk_title_right:hover{
  text-decoration: underline;
}
.content_right_rmbk .right_rmbk_content{
  color:#333;
  font-size: 12px;
  padding-top:20px;
  cursor: pointer;
}
.content_right_rmbk .right_rmbk_content:hover{
  text-decoration: underline;
}
.content_right_rmbk .right_rmbk_content>div{
  width:2px;
  height:2px;
  display: inline-block;
  position: relative;
  top:4px;
  right:-18px;
  border:3px solid transparent;
  border-top-color: #d7d9d9;
}
.content_right_qr{
  padding:35.5px 0;
  border-bottom:1px solid #eeeeee;
}
.content_right_qr .right_qr_title{
  color:#394043;
  font-size:16px;
  font-weight: bold;
}
.content_right_qr>img{
  width:94px;
  height:94px;
  margin-top:28px;
  border:none;
}
.content_right_qr>div:nth-child(3){
  margin-top: 20px;
  color:#394043;
  font-size:12px;
  height:23px;
  line-height: 23px;
}
.content_right_qr>div:nth-child(4){
  color:#394043;
  font-size:12px;
  height:23px;
  line-height: 23px;
}
.content_right_qr>div:nth-child(5){
  color:#9c9fa1;
  font-size:12px;
  height:23px;
  line-height: 23px;
  cursor:pointer;
}
.content_right_qr>div:nth-child(5):hover{
  text-decoration: underline;
}
/* 推荐楼盘 */
.recommend-section{
  width: 1349px;
  height: 309px;
  background-color: #f5f5f6;
  margin: 0 auto;
}
.recommend-section_content{
  width:1150px;
  margin: 0 auto;
}
.recommend-section>div{
  color:#394043;
  padding-top:42px;
  font-size: 24px;
  font-weight:bold;
}
.section_content{
  width:1150px;
  display: flex;
  justify-content: space-between;
  padding-bottom:46px;
  margin-top:21px;
}
.section_content>div div{
  font-size: 12px;
  padding-top: 8px;
}
.section_content>div img{
  cursor:pointer;
}
.section_content>div div span{
  color:#db4c3f;
}
/* 尾部信息 */
.footer{
  width:1349px;
  margin:0 auto;
  height: 426px;
  background-image: url(../images/footer-bg.jpg);
}
.footer_title{
  width:1150px;
  height:75px;
  border-bottom:1px solid #393939;
  line-height: 75px;
  margin: 0 auto;
}
.footer_title_left{
  float:left;
}
.footer_title_left span{
  font-size: 14px;
  color:#fff;
  margin-right:15px;
  cursor: pointer;
}
.footer_title_right{
  float:right;
  color:#7dcfa0;
  font-size:14px;
}
.footer_content{
  width: 1150px;
  margin:0 auto;
  padding:13px 0 20px 0;
  border-bottom:1px solid #393939;
}
.footer_content .footer_content_manu{
  width: 1000px;
  height: 40px;
}
.footer_content .footer_content_manu>span{
  background-color: #121212;
  color:#888c8e;
  padding:8px 10px;
  margin-right:12px;
  margin-bottom:12px;
  font-size: 12px;
  cursor:pointer;
}
.footer_content .footer_content_manu>span:hover{
  background-color: #394043;
  color:#fff;
}
.footer_content .footer_content_manu>span:last-child{
  background-color: #394043;
  color:#fff;
}
.footer_content_content{
  width: 1000px;
  height:89px;
}
.footer_content_content>span{
  color:#888c8e;
  font-size: 12px;
  margin:10px 10px 0 0;
  cursor:pointer;
}
.footer_content_content>span:hover{
  text-decoration: underline;
}
.footer_content_footer{
  width:1150px;
  margin:0 auto;
  padding-top:23px;
}
.footer_content_footer>div{
  color:#888c8e;
  font-size: 12px;
  line-height: 20px;
}
.footer_content_footer>i{
  width:20px;
  height:20px;
  background-image:url(../images/beian.png);
  display: inline-block;
}
.footer_content_footer>div:nth-child(3){
  width:180px;
  margin-left: 1px;
  display: inline-block;
  position: relative;
  top:-4px;
}
/* 右侧固定导航 */
.right-nav{
  width: 38px;
  height: 100%;
  background-color: #fff;
  box-shadow: -3px 0px 5px rgba(0,0,0,0.2);
  position: fixed;
  right:0;
  top:0;
  /* 设置层叠顺序 */
  z-index:1;
}
.right-nav>div{
  width:38px;
  height:38px;
  cursor: pointer;
}
.right-nav .right_nav_like{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px 0px;
  margin-top: 101px;
}
.right-nav .right_nav_like:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px 0px;
}
.right-nav .right_nav_like>div{
  width:72px;
  height:38px;
  line-height: 38px;
  display: none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_like:hover>div{
  display: block;
}
.right-nav .right_nav_contrast{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -516px;
  margin-top: 7px;
}
.right-nav .right_nav_contrast:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -516px;
}
.right-nav .right_nav_contrast:hover>div{
  display:block;
}
.right-nav .right_nav_contrast>div{
  width:350px;
  height:232px;
  display: none;
  background-color: #fff;
  padding:15px 0 25px;
  border:1px solid #f5f5f6;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  position: absolute;
  right: 38px;
  top:40px;
}
.right-nav .right_nav_contrast>div img{
  width:99px;
  height:94px;
  margin:40px auto 30px;
}
.right-nav .right_nav_contrast>div div:first-of-type{
  line-height: 17px;
  font-size: 17px;
  text-align: center;
  margin:0 auto 30px;
  color: #969696;
}
.right-nav .right_nav_contrast>div div:nth-of-type(2){
  width: 110px;
  color: #394043;
  background-color: #fff;
  font-size: 17px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  margin:0 auto;
}
.right-nav .right_nav_seller{
  width:38px;
  height:50px;
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -88px;
  margin-top: 15px;
}
.right-nav .right_nav_seller:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -88px;
}
.right-nav .right_nav_seller>div{
  width:48px;
  height:50px;
  line-height: 50px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_seller:hover div{
  display: block;
}
.right-nav .right_nav_tool{
  width:38px;
  height:50px;
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -460px;
  margin-top: 7px;
}
.right-nav .right_nav_tool:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -460px;
}
.right-nav .right_nav_tool>div{
  width:60px;
  height:50px;
  line-height: 50px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_tool:hover div{
  display: block;
}
.right-nav .right_nav_promise{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -186px;
  margin-top: 7px;
}
.right-nav .right_nav_promise:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -186px;
}
.right-nav .right_nav_promise>div{
  width:72px;
  height:38px;
  line-height: 38px;
  display: none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_promise:hover div{
  display: block;
}
.right-nav .right_nav_qr{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -224px;
  margin-top: 7px;
}
.right-nav .right_nav_qr:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -224px;
}
.right-nav .right_nav_qr>div{
  width:94px;
  height:114px;
  background-color: #fff;
  padding:8px;
  display: none;
  position: absolute;
  right:38px;
  top:320px;
}
.right-nav .right_nav_qr>div img{
  width:94px;
  height: 94px;
  margin: 0 auto;
}
.right-nav .right_nav_qr>div div{
  padding-top:8px;
  color:#000;
  line-height: 12px;
  font-size: 12px;
  text-align: center;
}
.right-nav .right_nav_qr:hover>div{
  display: block;
}
.right-nav .right_nav_service{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -265px;
  margin-top: 7px;
}
.right-nav .right_nav_service:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -265px;
}
.right-nav .right_nav_service>div{
  width:48px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_service:hover>div{
  display: block;
}
.right-nav .right_nav_tel{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -142px;
  margin-top: 7px;
}
.right-nav .right_nav_tel:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -142px;
}
.right-nav .right_nav_tel>div{
  width:84px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_tel:hover>div{
  display: block;
}
.right-nav .right_nav_write{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -302px;
  margin-top: 7px;
}
.right-nav .right_nav_write:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -302px;
}
.right-nav .right_nav_write>div{
  width:53.1333px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_write:hover>div{
  display: block;
}
.right-nav .right_nav_top{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: -38px -338px;
  position: fixed;
  bottom: 17px;
}
.right-nav .right_nav_top:hover{
  background-image: url(../images/sidebar_spriteV5.png);
  background-position: 0px -338px;
}
.right-nav .right_nav_top>div{
  width:48px;
  height:38px;
  line-height: 38px;
  display:none;
  padding:0 14px;
  color:#fff;
  background-color: #00ae66;
  font-size: 12px;
  position: absolute;
  right: 38px;
}
.right-nav .right_nav_top:hover>div{
  display: block;
}
/* 右下方在线咨询 */
.online-aside{
  width: 240px;
  height: 40px;
  background-color: #fff;
  box-shadow: -5px -5px 5px rgba(0,0,0,0.2);
  position: fixed;
  right:38px;
  bottom:0px;
  cursor: pointer;
}
.online-aside>i{
  width:40px;
  height:40px;
  display: inline-block;
  background-image: url(../images/aside.png);
  background-position: 12px 12px;
  background-repeat: no-repeat;
}
.online-aside>span{
  color:#333;
  margin-left: -4.5px;
  font-size:14px;
  height:40px;
  position: relative;
  top:-14px;
}